<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>管理员</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
        body {
            padding-top: 20px;
        }
        .welcome-text {
            color: #5cb85c; /* 绿色 */
        }
        功能列表 {
            color: #337ab7; /* 蓝色 */
        }
        功能列表:hover {
            text-decoration: none;
            color: #23527c;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1 class="text-center">管理员功能列表</h1>
        <!-- 直接从Session中获取LoginUser对象，并显示其用户名 -->
        <p th:if="${session.LoginUser != null}" class="text-right welcome-text">
            欢迎您，<span th:text="${session.LoginUser.username}"></span>
        </p>
        <div class="text-center">
            <a th:href="@{/article/rpage?pageIndex=0}" class="btn btn-primary">全部文章列表</a>
            <a th:href="@{/reply/rpage?pageIndex=0}" class="btn btn-success">全部评论</a>
            <a th:href="@{/user/page?pageIndex=0}" class="btn btn-info">全部用户</a>
			<a th:href="@{/articletype/page?pageIndex=0}" class="btn btn-info">文章类型</a>
            <a th:href="@{/logout}" class="btn btn-danger">退出</a>
        </div>
    </div>
    <!-- 引入Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>